@charset "utf-8";
#page{
	width:320px;
	height:416px;
	margin:0 auto;
	position:relative;
	border-bottom:0 none;
	border-top:0 none;
}

.score{
	position:absolute;
	right:5px;
	top:5px;
	z-index:99;
}

.time,#resultNumber{
	background-color:rgba(111,111,111,0.3);
	border:2px solid rgba(1,1,1,0.3);
}

.time{
	line-height:1;
	padding:5px;
	border-radius:10px;
	-webkit-border-radius:10px;
	float:left;
	color:#fff;
	font-weight:bolder;
	text-shadow:0 -1px 0 #000;
	padding:3px 5px;
	margin-right:-5px;
}
.time span{
	line-height:1;
	padding:0 2px;
}
#resultNumber{
	float:right;
	width:50px;
	height:50px;
	line-height:50px;
	text-align:center;
	border-radius:50px;
	-webkit-border-radius:50px;
	font-size:2em;
	text-shadow:0 1px 0 #fff;
	color:#333;
	font-weight:bolder;
}

.wrap{
	width:100%;
	height:100%;	
}
#sticksWrap{
	position:fixed;
	width:320px;
	height:416px;
	overflow:hidden;
}
.clickRange{
	display:block;
	border:4px solid #000;
	width:30px;
	height:30px;
	border-radius:30px;
	position:absolute;
	z-index:9999;
	background-color:#ccc;
	opacity:0.6;
	box-shadow:0 0 2px #000;
	-webkit-box-shadow:0 0 2px #000;
}
.line{
	position:absolute;
	width:524px;
	height:10px;
	border-radius:3px;
	/*cursor:pointer;*/
	box-shadow:0 0 2px #000;
	-moz-box-shadow:0 0 2px #000;
	-webkit-box-shadow:0 0 2px #000;
	text-align:center;
}

.line-style1{
	background:#5b7f05 linear-gradient(#5b7f05 0%,#addd3a 40%,#5b7f05 100%);
	background:#5b7f05 -moz-linear-gradient(#5b7f05 0%,#addd3a 40%,#5b7f05 100%);
	background:#5b7f05 -webkit-linear-gradient(#5b7f05 0%,#addd3a 40%,#5b7f05 100%);
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5b7f05), color-stop(40%, #addd3a), color-stop(100%, #5b7f05));
}
.line-style2{			
	background:#ffc100 linear-gradient(#ffc100 0%,#c0eb59 40%,#ffc100 100%);
	background:#ffc100 -moz-linear-gradient(#ffc100 0%,#c0eb59 40%,#ffc100 100%);
	background:#ffc100 -webkit-linear-gradient(#ffc100 0%,#c0eb59 40%,#ffc100 100%);
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffc100), color-stop(40%, #c0eb59), color-stop(100%, #ffc100));
}

.line-style3{
	background:#8F2FFF linear-gradient(#F928FF 0%,#e584fa 40%,#8F2FFF 100%);
	background:#8F2FFF -moz-linear-gradient(#F928FF 0%,#e584fa 40%,#8F2FFF 100%);
	background:#8F2FFF -webkit-linear-gradient(#F928FF 0%,#e584fa 40%,#8F2FFF 100%);
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #F928FF), color-stop(40%, #e584fa), color-stop(100%, #8F2FFF));
}

.line-style4{
	background:#462004 linear-gradient(#693812 0%,#B46C2F 40%,#462004 100%);
	background:#462004 -moz-linear-gradient(#693812 0%,#B46C2F 40%,#462004 100%);
	background:#462004 -webkit-linear-gradient(#693812 0%,#B46C2F 40%,#462004 100%);
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #693812), color-stop(40%, #B46C2F), color-stop(100%, #462004));
}

.line-style5{
	background:#144749 linear-gradient(#235959 0%,#48B0B0 40%,#144749 100%);
	background:#144749 -moz-linear-gradient(#235959 0%,#48B0B0 40%,#144749 100%);
	background:#144749 -webkit-linear-gradient(#235959 0%,#48B0B0 40%,#144749 100%);
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #235959), color-stop(40%, #48B0B0), color-stop(100%, #144749));
}

button{
	position:absolute;
	right:-100px;
	top:10px;
}
button {
	border-radius: 2px;
  -webkit-border-radius: 2px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  user-select: none;
  -webkit-user-select: none;
  background: -webkit-linear-gradient(#fafafa, #f4f4f4 40%, #cecece);
  background: -moz-linear-gradient(#fafafa, #f4f4f4 40%, #cecece);
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(40%, #f4f4f4), color-stop(100%, #cecece));
  border: 1px solid #aaa;
  color: #444;
  font-size: inherit;
  margin-bottom: 0px;
  min-width: 4em;
  padding: 3px 12px 3px 12px;
}

button:hover{
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);

  background: #ebebeb -webkit-linear-gradient(#fefefe, #f8f8f8 40%, #c9c9c9);
  background: #ebebeb -moz-linear-gradient(#fefefe, #f8f8f8 40%, #c9c9c9);
  border-color: #999;
  color: #222;
}

button:active{
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2);
  
  background: #ebebeb -webkit-linear-gradient(#f4f4f4, #efefef 40%, #dcdcdc);
  background: #ebebeb -moz-linear-gradient(#f4f4f4, #efefef 40%, #dcdcdc);
  color: #333;
}

button[disabled],button[disabled]:hover{
  box-shadow: none;
  -webkit-box-shadow: none;

  background: -moz-linear-gradient(#fafafa, #f4f4f4 40%, #e5e5e5);
  background: -webkit-linear-gradient(#fafafa, #f4f4f4 40%, #e5e5e5);
  border-color: #aaa;
  color: #888;
}